<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<title>数独游戏</title>
	</head>

	<body>
		<div class="title">
			<h1>数独游戏</h1>
		</div>
		<div id="container" class="container grid"></div>
		<div id="dashboard" class="dashboard">
			<div class="buttons">
				<button type="button" id="check">检查</button>
				<button type="button" id="reset">重置</button>
				<button type="button" id="clear">清理</button>
				<button type="button" id="rebuild">重建</button>
			</div>
		</div>
		<div class="popup-num hidden grid" id="popupNumbers">
		 <div class="row row-g-top">
					<span class="col-g-left">1</span><span>2</span><span class="col-g-right">3</span>
			</div>
			<div class="row">
					<span class="col-g-left">4</span><span>5</span><span class="col-g-right">6</span>
			</div>
			<div class="row">
					<span class="col-g-left">7</span><span>8</span><span class="col-g-right">9</span>
			</div>
			<div class="row row-g-bottom">
					<span class="col-g-left mark mark1" data-mark="mark1">0</span><span class="empty">0</span><span class="col-g-right mark mark2" data-mark="mark2">0</span>
			</div>
		</div>
		<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
